<template>
  <div class="outer">
    <h3>父组件</h3>
   
    <Suspense>
          <template v-slot:default>
            <MyModal /> 
          </template>
          <template v-slot:fallback>
            <h3>加载中.......慢加载</h3>
          </template>
      </Suspense>
  </div>

</template>


<script lang="ts" setup name="App">
import {Suspense } from "vue";
import MyModal from "./MyModal.vue";

</script>


<style scoped>
.outer {
  width: 200px;
  background-color: blue;
  filter :saturate(100%)
}
</style>
